<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>删除</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-3.3.1.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <!--导入布局js，共享header和footer-->
    <script type="text/javascript" src="js/include.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script>
        $(function () {
            //1.给登录按钮绑定单击事件
            $("#destb").click(function () {
                //2.发送ajax请求，提交表单数据
                $.post("de_FMServlet", $("#id").serialize(), function (data) {
                    alert("删除成功！")
                });
            });

        });
    </script>
</head>
<body>
<div id="header"></div>
<div style="margin: 20px auto; width: 400px; border: solid 2px">
    <li style="text-align: center ;color: red;font-size: 16px">请谨慎删除，删除商品后不可恢复</li>
    <form class="navbar-form navbar-left" role="search">
        <div class="form-group" style="margin-top: 20px;width: 400px">
            <input id="id" name="id" type="text" class="form-control" placeholder="商品id">
        </div>
        <div style="border-bottom: 2px;margin-top:  20px">
            <button id="destb" name="destb" type="button" class="btn btn-btn-danger">删除该商品</button>
        </div>
    </form>
</div>
</body>
</html>